<template>
    <div class="tabBox">
        <Nav :navData="navData"></Nav>
        <Content :conData="conData"></Content>
    </div>
</template>

<script>
    import navData from "@/data/tabNavData";
    import conData from "@/data/tabConData";

    import Nav from "@/components/Tab/Nav";
    import Content from "@/components/Tab/Content";

    export default {
        name:"tab",
        components:{
            Nav,Content
        },
        data(){
            return{
                navData,
                conData,
                // creInd:0
            }
        },
        methods:{
            // clickNavItem(e){
            //     this.creInd = e;
            // }
        }
    }
</script>

<style scoped>
.tabBox{
    width: 400px;
    height: 360px;
    margin: 20px auto;
    border: 1px solid #aaa;
}
</style>
